<div class="bg-white border-grey p-4 bg-shadow pos-relative">
  <div class="row">
    <div class="col-lg-6">
      <div class="owl-carousel owl-nav-over owl-nav-over-lg" data-toggle="owl-carousel" data-owl-carousel-settings='{"responsive":{"0":{"items":1,"nav":true, "dots":false}}}'>
        <a href="#">
          <img src="assets/img/projects/project-1-sm.jpg" alt="Project 1" class="img-fluid" />
        </a>
        <a href="#">
          <img src="assets/img/projects/project-2-sm.jpg" alt="Project 2" class="img-fluid" />
        </a>
        <a href="#">
          <img src="assets/img/projects/project-3-sm.jpg" alt="Project 3" class="img-fluid" />
        </a>
        <a href="#">
          <img src="assets/img/projects/project-4-sm.jpg" alt="Project 4" class="img-fluid" />
        </a>
        <a href="#">
          <img src="assets/img/projects/project-5-sm.jpg" alt="Project 5" class="img-fluid" />
        </a>
        <a href="#">
          <img src="assets/img/projects/project-6-sm.jpg" alt="Project 6" class="img-fluid" />
        </a>
      </div>
    </div>
    <div class="col-lg-6 mt-3 mt-lg-0">
      <h3 class="mb-2 mt-0">
        Project with carousel
      </h3>
      <p>Comis haero huic humo importunus iriure macto nisl. Caecus conventio dolus gilvus luctus nisl odio suscipere voco.</p>
      <dl class="row text-sm">
        <dt class="col-sm-3"><i class="la la-thumb-tack"></i> Client:</dt>
        <dd class="col-sm-9"><a href="https://wrapbootstrap.com/theme/appstrap-responsive-website-template-WB0C6D0H4?ref=tme">Themelize.me</a></dd>
        <dt class="col-sm-3"><i class="la la-calendar"></i> Date:</dt>
        <dd class="col-sm-9">Feb 2018</dd>
        <dt class="col-sm-3"><i class="la la-tags"></i> Category:</dt>
        <dd class="col-sm-9">Web</dd>
      </dl>
      <a href="https://wrapbootstrap.com/theme/appstrap-responsive-website-template-WB0C6D0H4?ref=tme" title="View Online" class="btn btn-outline-primary btn-sm btn-rounded btn-bold px-4 py-2">View Online <i class="fa fa-chevron-right ml-2"></i></a>
    </div>
  </div>
</div>